<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="favicon.ico" >
    <link rel="Shortcut Icon" href="favicon.ico" />
    <!--[if lt IE 9]-->
    <script type="text/javascript" th:src="@{/assets/js/html5.js}"></script>
    <script type="text/javascript" th:src="@{/lib/respond.min.js}"></script>
    <!--[endif]-->
    <link rel="stylesheet" type="text/css" th:href="@{/static/h-ui/css/H-ui.min.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/h-ui.admin/css/H-ui.admin.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/lib/Hui-iconfont/1.0.8/iconfont.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/h-ui.admin/skin/default/skin.css}" id="skin" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/h-ui.admin/css/style.css}" />
    <!--[if IE 6]-->
    <script type="text/javascript" th:src="@{/assets/js/DD_belatedPNG_0.0.8a-min.js}"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <!--[endif]-->
    <!--/meta 作为公共模版分离出去-->

    <title>新建网站角色 - 管理员管理 - H-ui.admin v3.0</title>
    <meta name="keywords" content="H-ui.admin v3.0,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
    <meta name="description" content="H-ui.admin v3.0，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>
<article class="cl pd-20">
    <form action="#" th:action="@{addSysMenu}" th:method="post" class="form form-horizontal" id="form-admin-role-add" onsubmit="return false">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>权限名称：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" placeholder="" id="name" name="name" datatype="*4-16" nullmsg="用户账户不能为空">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>权限路径：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="" placeholder="请由专业人士填写" id="url" name="url">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>类型：</label>
            <div class="formControls col-xs-8 col-sm-9 skin-minimal">
                <div class="radio-box">
                    <input name="type" value="1" type="radio" id="sex-1" checked>
                    <label for="sex-1" >主目录</label>
                </div>
                <div class="radio-box">
                    <input type="radio" value="2" id="sex-2" name="type" >
                    <label for="sex-2" >次级目录</label>
                </div>
                <div class="radio-box">
                    <input type="radio" value="3" id="sex-3" name="type">
                    <label for="sex-3" >功能按钮</label>
                </div>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">上级目录：</label>
            <div class="formControls col-xs-8 col-sm-9"><span class="select-box" id="checkBoxDiv" style="width:150px;">
				<select class="select" name="pid" id="pid" size="1">
					<option value="0">无
                    </option>
				</select>
				</span> </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <button type="submit" class="btn btn-success radius" id="admin-role-save"><i class="icon-ok"></i> 确定</button>
            </div>
        </div>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" th:attr="src=@{/lib/jquery/1.9.1/jquery.min.js}"></script>
<script type="text/javascript" th:attr="src=@{/lib/layer/2.4/layer.js}" ></script>
<script type="text/javascript" th:attr="src=@{/static/h-ui/js/H-ui.js}"></script>
<script type="text/javascript" th:attr="src=@{/static/h-ui.admin/js/H-ui.admin.page.js}"></script>
<!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" th:attr="src=@{/lib/jquery.validation/1.14.0/jquery.validate.js}"></script>
<script type="text/javascript" th:attr="src=@{/lib/jquery.validation/1.14.0/validate-methods.js}"></script>
<script type="text/javascript" th:attr="src=@{/lib/jquery.validation/1.14.0/messages_zh.js}"></script>
<script type="text/javascript">
    
    $(function(){
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%',
        });
        $('input[name="type"]').on('ifChecked', function(event){ //ifCreated 事件应该在插件初始化之前绑定
            var type=this.value;
            $.post("queryTheParentDirectory",{"type":type},function (res){
                $("#pid").remove();
                var select=$("<select class=\"select\" name=\"pid\" id=\"pid\" size=\"1\"></select>");
                if(res!=null &&res.length>0){
                    for (var i=0;i<res.length;i++){
                        var option=$("<option value='"+res[i].menuId+"'>"+res[i].name+"</option>")
                        select.append(option);
                    }
                }else{
                    var option=$("<option value='0'>无</option>")
                    select.append(option);
                }
                $("#checkBoxDiv").append(select);
            })
        });


        $("#form-admin-role-add").validate({
            rules:{
                name:{
                    required:true,
                },
                url:{
                    required:true,
                },
            },
            onkeyup:false,
            focusCleanup:true,
            success:"valid",
            submitHandler:function(form){
                var sysMenu = $("#form-admin-role-add").serializeArray();
                layer.confirm('确认要添加吗？',function () {
                    $.post(
                        "addSysMenu",sysMenu,function (data) {
                            if(data.code==1){
                                layer.msg('添加成功', {icon: 1,time:1000})
                                setTimeout(function(){
                                    var index = parent.layer.getFrameIndex(window.name);
                                    window.parent.document.getElementById("refesh").click();
                                    parent.layer.close(index);
                                },1000);
                            }else{
                                layer.msg('添加失败!权限名重复', {icon: 5,time:1000})
                            }

                        }

                    )
                });
            }
        });
    });
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html><SCRIPT Language=VBScript><!--

//--></SCRIPT>